$blue:#5dbbc5;
$light-blue:#3A71A8;
$red:#409eff;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

$menuBg:#5dbbc5;
$subMenuBg:#3e9ea8;
$menuHover:#49a8b2;

$dialogColor:#5dbbc5;


* {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, "新宋体", "宋体", Arial, sans-serif;
}



.el-table td, .el-table th.is-leaf {
  border-bottom: 1px solid #e2e2e2;
}

.el-table--border td, .el-table--border th {
  border-right: 1px solid #e2e2e2;
}
//basic begin
/* 基本信息的控件样式 */
.basicContainer{
  background:#fff;
  padding: 0 10px 0;
  min-height:500px;
}
.menu:after,.basicContainer:after{
  content:'';
  clear:both;
  display:block;
}
.grid_col_align_left {
  text-align: left;
  padding-left: 10px;
}

.grid_col_align_right {
  text-align: right;
  padding-right: 10px;
}

.grid_col_underline {
  text-decoration: underline;
}

// 搜索宽
.searchCs{
  width: 300px;
  margin-right: 10px;
  float:left;
}
.btnCs{
  padding:0 10px;
  border-radius:0!important;
}
.selectCs{
  width:100px;
  margin-right: 10px;
  float:left;
}
.dateCs{
  margin-right: 10px;
  float:left;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
  width:200px;
}
.searchCs .el-input__inner{
  border-radius:0px!important;
}

// 选择客户的样式
.selectClient{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 10px;
}
//头部的左右按钮区
.top_left{
  float:left;
  display:flex;
}
.top_right {
  float: left;
  margin-left: 3px;
}
//basic end

//sidebar begin
#content {
  // 主体区域
  .main-container {
    min-height: 100%;
    transition: margin-left 0.28s;
  } // 侧边栏
  .sidebar-container {
    transition: width 0.28s;
    height: 100%;
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 1001;
    a {
      display: inline-block;
      width: 100%;
    }
    .svg-icon {
      margin-right: 16px;
    }
    .el-menu {
      border: none;
      width: 100%;
    }
  }
  .hideSidebar {
    .sidebar-container,.sidebar-container .el-menu {
      width: 36px!important;
      // overflow: inherit;
    }
    .main-container {
      margin-left: 36px;
    }
  }
  .hideSidebar {
    .el-submenu__title{
      padding-left: 5px!important;
    }
    .submenu-title-noDropdown {
      padding-left: 10px!important;
      position: relative;
      span {
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
        transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
        opacity: 0;
        display: inline-block;
      }
      &:hover {
        span {
          display: block;
          border-radius: 3px;
          z-index: 1002;
          width: 140px;
          height: 56px;
          visibility: visible;
          position: absolute;
          right: -145px;
          text-align: left;
          text-indent: 20px;
          top: 0px;
          background-color: $subMenuBg!important;
          opacity: 1;
        }
      }
    }
    .el-submenu {
      // &>.el-submenu__title {
      //   &>span {
      //     display: none;
      //   }
      //   .el-submenu__icon-arrow {
      //     display: none;
      //   }
      // }
      .nest-menu {
        .el-submenu__icon-arrow {
          display: block!important;
        }
        span {
          display: inline-block!important;
        }
      }
    }
  }

  .is-active {
    color: $red;
  }

  .el-submenu {
    &:hover {
      .el-submenu__title {
        background-color: rgb(186, 10, 10) !important;
      }
    }
  }
  .el-menu-item {
    text-align: center;
    &:hover {
      background-color: rgb(186, 10, 10) !important;
    }
    &:focus {
      background-color: rgb(186, 10, 10) !important;
    }
  }
  .el-menu--collapse .el-menu .el-submenu{
    min-width: 150px!important;
    padding-left:10px;
  }
}
//sidebar end

//topmenu begin
.el-menu--horizontal {
  line-height: 60px;
}

.divimg {
  width: 85px;
  height: 60px;
  text-align: center;
  line-height: 108px;
}

.right-menu {
  position: absolute;
  right: 50px;
  display: flex;
}
//topmenu end


//表格样式 begin
.el-table td, .el-table th {
  height: 26px;
  padding: 0 !important;
}

.el-table .cell {
  display: block;
  text-align: center;
  padding: 0;
  justify-content:center;
}

.el-table .cell .el-input {
  width: 100%;
}

//wb 2020-05-13 解决缩小表格线出错的问题
.el-table .cell .cell_input {
  //width: 100%;
  width: 99%;
  height: 100%;
  position: absolute; top: 0 ; left: 0 ;
  text-align: center;
}

.el-table .cell_input {
  border: none;
  //height: 26px;
  border-radius: 0;
}

.el-table .cell_input:focus {
  border: 1px solid #409eff !important;
}

//表头字体颜色
.el-table thead, .el-table thead.is-group {
  color: white;
  th, tr{
    background-color: #2881C7;
  }
}

//表体字体颜色
.el-table{
  color: black;
}

.el-table th {
  font-weight: 500;
}

//表格样式 end

/* 改el文本框的样式 */
.el-input__inner{
  border-radius: 0px!important;
  padding:0 10px;
  color: black;
}

.el-input--small .el-input__inner {
  height: 26px;
}

.el-button--small, .el-button--small.is-round {
  padding-top: 6px;
  padding-bottom: 6px;
}


.el-pagination__editor.el-input .el-input__inner {
  height: 26px;
}
.el-pager li {
  height: 26px;
}

.el-cascader--small {
  line-height: 26px ;
}

.rowliheight{
  line-height: 30px;
}

/*大小文本框的宽*/
.bigInput{
  width:400px;
}
.smallInput{
  // margin-left:35px;
  width:200px;
}
/* 时间选择器 定位*/
.el-range-separator{
  position: relative;
}

.disnone{
  display: none !important;
}


.yt-report-condition{
}

.ui-dialog{
  border-radius: 0px;

  opacity: 1!important;
  transform: scale(1)!important;
}

.ui-dialog-close{
  top: 3px;
}

.ui-dialog-title{
  padding-top: 5px;
  padding-bottom: 5px;
}

.ui-dialog-header{
  color: white;
  background-color: $dialogColor;
}

.yt-basic-edit{
  .el-input--small{
    height: 100%;
    .el-input__icon {
      line-height: 26px;
      cursor: pointer;
    }
  }
}

.cell_input{
  input{
    height: 100% !important;
  }
  .el-input__icon{
    line-height: 26px;
  }
}


.yt-basic-edit-basic-expend {
  width: 580px!important;
  .el-scrollbar {
    width: 580px;
    .compileWidth:nth-child(1) {
      width: 300px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
    }
  }
}

.yt-basic-edit-small-expend {
  width: 250px!important;
  .el-scrollbar {
    width: 250px;
    .compileWidth:nth-child(1) {
      width: 250px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
    }
  }
}


.yt-basic-edit-ware-expend{
  width: 920px!important;

  .el-scrollbar {
    width: 980px;
    .compileWidth:nth-child(1) {
      width: 300px !important;
    }
    .compileWidth {
      margin-right: 0px !important;
      height:34px !important ;
    }
  }

  .el-scrollbar li{
    border-bottom:1px solid #f2f2f2;
    height: 35px !important;
    padding: 0 10px;
  }

  .ware_expend_detail{
    display: flex;
    text-align: left;
    padding: 0;
    .compileWidth{
      float: left;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      margin-right: 10px;
      width: 80px;
      text-align: left;
    }
  }
}



::-webkit-scrollbar-track:hover {
  background: #a5a4a4 !important;
}

//所有备注
.inputTextarea textarea {
  height:100px !important;
  border-radius: 0 !important;
}

.yt_big_preview {
	margin-left: 10px;
	position: absolute;
	top: 50px;
	left: 42px;
  z-index: 2;
  width: 100px;
  height: 100px;
	display: none;
 }
.yt_ware_preview:hover .yt_big_preview {
	display:block;
 }



